13. Misc topics (1)
Today's topcs
Processing tweets
Takram visualizations
Book visualization
Weather visualization
Visual authenticaton
D3.js
Other visualization systems and libraries
https://gyazo.com/eb819e5ad2d9c7c297491b9738a85cb6
Generative Art
Generate beautiful graphics
https://www.amazon.co.jp/dp/4297104636 https://gyazo.com/ac5851168fed4bb142dc7af1caf620f7
Design company by Kin'ya Tagawa
https://www.youtube.com/watch?v=t_YvT3a_6JU
https://www.youtube.com/watch?v=NNVxQlSxcq4
Mercari Book
https://gyazo.com/3019123ec3970f13d39b125c1be39777
Distance from Tokyo
https://www.youtube.com/watch?v=WvT8-LKQUJU
Weather visualization
http://gyazo.com/8ceb314f7e2e40aa232486e3fc9547bf.png
http://gyazo.com/7709dd3719f24ec79a2d68b47f9ffb9f.png
https://gyazo.com/c3354fccbfa059910593f046e4ffc4f3
https://gyazo.com/679742a3d56ec2a7b3ce64e0b0713eb6
Visual authentication
Use visual knowledges for authentication
http://gyazo.com/38a52f9d4f2c67eaf6f6cc7acdf3e13e.png
Why authentication is important these days
Age of ubiquitous computing
Everybody uses computers everywhere
Various computers are shared
Authentication required
Authentication methods
Use what people have
Keys, USB memories
Use what people are like
Bio authentication
Use what people know
Passwords, challenge questions
Use what people can do
CAPTCHA
Web page authentication
Mostly password-based
Visual authentication
Password-based authentication
Easy to implement
No special technology required
Useful on PCs
Keyboards are always available
Safe if properly managed
Problems of passwords
Difficult to select a good password
Difficult to remember
Easy to forget
Easy to attack
Difficult operation
Easy to copy
Character input device required
Problems of authentication hardware
Should be carried all the time
Easily forget to carry
Theft risks
Problems of bio authentication
Vulnerable to injury and sickness
Can be copied
No modification possble
What is the ultimate authentication method?
For everyone
Everywhere
Easy
Safe
No device
Feel safe
Prerequisites
Only use brain power
Knowledges, abilitys
Only proper user can execute
Use episodic memories
Episodic memories
Everyonen has episodic memories
Never forget
Not guessable from others
Impossible to copy
c.f. Semantic memory
Using images for authentication
Episodic memories are often image-related
Using episodic image memories for authentication
DéjàVu
Selecting images for authentication
http://gyazo.com/38a52f9d4f2c67eaf6f6cc7acdf3e13e.png
Selecting faces
http://gyazo.com/918210f59d3892b2acdeb7aa276e9863.png
PassPoints
http://gyazo.com/eb52cc445b41c141dae0c2425b962d19.png
Difficult to remember?
People tend to select similar points
Select special points
http://gyazo.com/2dbb4edc510938f3f23a0811e6b12ea6.png
Select categories
OpenIDに対応
http://gyazo.com/a5e94fe05d651e09b942566eba50684b.png
Recall-A-Story
http://gyazo.com/80cf70536ce29eb3e8afcde8e93f30f6.png
Select images based on a story
Maybe difficult to remember the story
Easy to forget
Nishigaki's method
http://gyazo.com/fe506a9fca9f94f2553897cd9767c988.png
Select an image from unclear images
Wiedenbeck式
http://gyazo.com/351a3b2722a7f524c2271812f07308c5.png
Select multiple points which surround the image
Quiz-based image authentication
Create quizes from episodic memories
Authenticationi success after right selection
http://gyazo.com/0cc5ab89130f083b358e70cc3edebe36.png
Demo: Quiz-based image authentication
Advantages of quiz-based authentication
Never forget
Easy to handle
Authentication level can be chnged
Used by group of people
Beautiful design possible
Beautiful images
http://gyazo.com/ca70afc60ec5218224c483e7c8ea46c2.png
Prolems of quiz-based authentication
Difficult to prepare images
Users feel unsafe
"Human-crypt" by Prof. Imai
Thinking about authentication from global viewpoint
Important, but not popular
Required technologies
How people can trust the system
Security evaluation
Create passwords from quizes
No effort for remembering passwords
https://gyazo.com/b115430b2510bf23942be7463578ac9b
Using EpisoPass (EpisoDAS)
https://gyazo.com/117ce9636570a37c9a7553f4db167622
DAS
Use a drawing patter for authentication
https://gyazo.com/dad44e73b739a76973672b1dedd25659
Demo: EpisoPass
Drawing Dynamic Visualizations by Bret Victor
https://vimeo.com/66085662
http://gyazo.com/51e3e96756bf618c25c3184077bae675.png
Lecture at Stanford
https://www.youtube.com/watch?v=ef2jpjTEB5U
JavaScript visualization library
Use SVG and DOM
http://gyazo.com/de8d809e2d27f77f76300a6d854fb322.png
Hidden empty houses in the suburbs
http://www3.nhk.or.jp/news/akiya/ http://gyazo.com/5bed14053463cb734b174c0902dd257d.png
Treemap, Sunburst, etc.
Scrapboxのつながりを視覚化
https://gyazo.com/750fcfca435be7c85e384ea47a7d9723
http://gyazo.com/78195b75ea63a1f901f4986d35e40be8.png
http://gyazo.com/8abce282d17e4875f6f389b4cf2abd91.png
http://gyazo.com/105523c43eea6892fba4a76694f5a5bc.png
D3 now
Most popular visualization system
Integration with other frameworks
https://www.youtube.com/watch?v=fThhbt23SGM
Graph visualization system
http://gyazo.com/df9bc4e839d00efad401c72d08af56d7.png
Graph visualization
http://gyazo.com/b01cde25f45ec668914f16f971b26de6.png
http://gyazo.com/f403687b15d406b8c6535700ab1c01a8.png
http://gyazo.com/82704e7bfdab25ee6aa7cf8d4bd1a717.png
Realtime visualization of a graph
MAX-like visual programming environment
http://gyazo.com/84b4b4ef14428f79a548221600b1e350.png
グラフ視覚化
http://gyazo.com/775d385df4ea3d7db5c5fe9a31d8c36b.png
http://gyazo.com/6921c694411a51a947e6b7354bc729b1.png
ネットワーク視覚化/データ管理ライブラリ
R, Python, Ruby
http://gyazo.com/dcb2c36eee60864a76f92fb8b9b0d781.png
http://gyazo.com/cf7d02feb113f85c8ed3f3b1b7da66e4.png
http://thejit.org/ http://gyazo.com/c9361874f5163ffccdda8f65a53450bd.png
InfoVis
JavaScript visualization library
Animation support
http://thejit.org/static/v20/Jit/Examples/Treemap/example1.html http://gyazo.com/d83b93de1a2273fae70f79a7b9a14e14.png
http://thejit.org/static/v20/Jit/Examples/ForceDirected/example1.html http://gyazo.com/ad098fd9ef176e44c187bdf4212e3413.png
対話的なインフォグラフィクス作成
http://infogr.am/Home-Run-Leaders-by-Season-Since-1901 http://gyazo.com/28489a66010a53e9235e705587c51d9b.png
http://gyazo.com/65c11d14d0ffae1f2546a564635d0f8e.png
d3を利用
http://gyazo.com/9d833f18d4a7ffde85fb68d1c2fd1eb3.png
Ben Shneidermanのネットワーク情報視覚化ツール
ネットワーク分析と視覚化を統合
http://gyazo.com/027041ae81033b7de033394195b10f59.png
http://gyazo.com/e48af851cee63cdd5a7d46b01a9a0bb0.png
https://vimeo.com/7308004
https://www.youtube.com/watch?v=cY8zCQAm5uo&feature=emb_logo
Network visualization for bio research
cyto == 「cell」
Applicable to other network data
https://gyazo.com/617c639f0317c41ae8d6535ffec33405
デザイン、設計、製造などあらゆる分野におけるサーフェスモデラー
NURBS曲面を利用
Grasshopperというビジュアル言語利用
InfoVis portal?
https://gyazo.com/254b85ad40fa322797c7995cefc20abd
ElasticSearch visualization
Graph drawing for Facebook links
将来のビジュアライゼーション
これまではパソコン上がほとんど
これからは大小様々な機器で
情報視覚化トレンド
どこでも安くディスプレイ
iPad、大型ディスプレイ
どこでも小さなディスプレイ
スマートフォン
Information Dashboardというのがある
デジタルサイネージ
最近とても多い
http://gyazo.com/8d2338a9b2cfd26086db1e0dba84124a.png
ソウルのサイネージ
http://gyazo.com/f4d9fa68059981201320cdd912c16030.png
サイネージの今後
より対話的に
実世界コピペなど
スマホと連携
より良いビジュアライゼーション
ユニバーサルデザイン
視覚化には文字が不要
外国人でも理解可能
ピクトグラム
http://gyazo.com/141da66599f1c9b4197b06f2e7bded82.png
視覚化の対象
特殊データベース
バイオ情報
ネットワーク情報
金融情報
普通のデータベース
Web
書籍
集合知
ソーシャルネットワーク